/* 背景色 */
body {
  background-color: #f4f4f4;
  min-width: 1200px;
}

/* 海报开始 */
#banner {
  width: 100%;
  height: 437px;
  background: url(../imgs/bannerex.png) no-repeat 0 0 / cover;
  margin-top: -25px;
  padding-top: 36px;
}
#banner .nav {
  width: 230px;
  height: 395px;
  background: rgba(155, 155, 155, 0.4);
  border-radius: 20px;
  margin-left: 1250px;
  padding: 0 20px;
}
#banner .nav h2 {
  width: 100%;
  line-height: 55px;
}
#banner .nav div {
  width: 100%;
  height: 102px;
  border-bottom: 1px dotted #fff;
}
#banner .nav div:nth-of-type(2) {
  height: 80px;
}
#banner .nav p {
  margin-bottom: 10px;
}
#banner .nav div:not(:first-of-type) {
  margin-top: 15px;
}
#banner .nav a {
  color: white;
  font-size: 14px;
  line-height: 22px;
  margin-right: 15px;
}

/* 产品区域开始 */
#products {
  width: 100%;
  height: 496px;
  padding-top: 45px;
}
#products .wrapper > div:first-child {
  width: 100%;
  height: 370px;
}
#products .wrapper > div:last-child {
  width: 100%;
  height: 100px;
}
#products .leftbox {
  width: 234px;
  height: 100%;
}
#products h2 {
  width: 100%-30px;
  line-height: 50px;
  padding: 0 15px;
}
#products h2 a {
  display: inline-block;
  width: 25px;
  line-height: 25px;
  border: 1px solid #949494;
  border-radius: 50%;
  margin: 10px 0 0 0;
}
#products .leftbox > div {
  width: 100%;
  height: 95px;
  background: url(../imgs/mv.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 225px;
}
#products .innerbox {
  width: 200px;
  height: 55px;
  background: rgba(0, 0, 0, 0.5);
}
#products .innerbox h3 {
  line-height: 32px;
}
#products .centerbox {
  margin: 0 13px;
}
#products .centerbox h2 {
  width: 440px;
  line-height: 46px;
}
#products span {
  margin-left: 15px;
}
#products .centerbox > div {
  width: 100%;
  height: 95px;
  background: url(../imgs/wgnv.png) no-repeat 0 0;
  background-size: cover;
  padding-top: 225px;
}
#products .rightbox h2 {
  width: 440px;
  line-height: 46px;
}
#products .rightbox > div {
  width: 100%;
  height: 95px;
  background: url(../imgs/timg2.jpg) no-repeat 0 0;
  background-size: contain;
  background-size: cover;
  padding-top: 225px;
}
#products a img {
  width: 285px;
  height: 100px;
  float: left;
  margin-top: 25px;
}
#products a:not(:last-child) img {
  margin-right: 20px;
}

/* 女装热销区域开始 */
#woman h2 {
  line-height: 56px;
  margin-top: 32px;
}
#woman > div > p {
  margin-bottom: 25px;
}
#woman > div > div > div {
  height: 410px;
}
#woman .leftbox {
  width: 272px;
  background: url(../imgs/TB1E5C9gEY1gK0jSZFMXXaWcVXa-468-1236.jpg) no-repeat 0
    0;
  background-size: cover;
  box-sizing: border-box;
  padding: 25px 18px 0 18px;
}
#woman .leftbox a {
  display: inline-block;
  width: 111px;
  line-height: 33px;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.3);
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
#woman .leftbox a:first-child {
  margin: 0 6px 15px 0;
}
#woman .leftbox a:last-child {
  margin-left: 6px;
}
#woman .centerbox {
  width: 624px;
  margin: 0 15px;
}
#woman .centerbox img {
  width: 312px;
  height: 205px;
  float: left;
}
#woman .rightbox {
  width: 274px;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 20px 0 20px;
}
#woman .rightbox .title h3 {
  letter-spacing: 3px;
}
#woman .rightbox .title p {
  margin: 7px 0 0 10px;
}
#woman .rightbox ul li:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
#woman .rightbox h4 {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  line-height: 46px;
}
#woman .rightbox li img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  margin: 15px 10px 15px 0;
}
#woman .rightbox li p {
  width: 120px;
  margin-top: 15px;
}
#woman .rightbox li p:last-of-type {
  width: 120px;
  margin-top: 35px;
  font-size: 20px;
}
#woman .rightbox li span {
  font-size: 14px;
  color: #7b7b7b;
}
#woman .rightbox li div {
  display: none;
}
#woman .rightbox li .on {
  display: none;
}
#woman .rightbox li .active {
  display: inline-block;
}

/* 男装热销区域开始 */
#man h2 {
  line-height: 56px;
  margin-top: 32px;
}
#man > div > p {
  margin-bottom: 25px;
}
#man > div > div > div {
  height: 410px;
}
#man .leftbox {
  width: 272px;
  background: url(../imgs/ias_156637486331359_570x273_90.jpg) no-repeat -450px 0px;
  background-size: cover;
  box-sizing: border-box;
  padding: 25px 18px 0 18px;
}
#man .leftbox a {
  display: inline-block;
  width: 111px;
  line-height: 33px;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.3);
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
#man .leftbox a:first-child {
  margin: 0 6px 15px 0;
}
#man .leftbox a:last-child {
  margin-left: 6px;
}
#man .centerbox {
  width: 624px;
  margin: 0 15px;
}
#man .centerbox img {
  width: 312px;
  height: 205px;
  float: left;
}
#man .rightbox {
  width: 274px;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 20px 0 20px;
}
#man .rightbox .title h3 {
  letter-spacing: 3px;
}
#man .rightbox .title p {
  margin: 7px 0 0 10px;
}
#man .rightbox ul li:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
#man .rightbox h4 {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  line-height: 46px;
}
#man .rightbox li img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  margin: 15px 10px 15px 0;
}
#man .rightbox li p {
  width: 120px;
  margin-top: 15px;
}
#man .rightbox li p:last-of-type {
  width: 120px;
  margin-top: 35px;
  font-size: 20px;
}
#man .rightbox li span {
  font-size: 14px;
  color: #7b7b7b;
}
#man .rightbox li div {
  display: none;
}
#man .rightbox li .on {
  display: none;
}
#man .rightbox li .active {
  display: inline-block;
}

/* 品牌专区开始 */
#brand h2 {
  line-height: 56px;
  margin-top: 32px;
}
#brand > div > p {
  margin-bottom: 45px;
}
#brand .topbox img {
  width: 565px;
  height: 275px;
  margin: 0 30px 0 35px;
}
#brand .topbox div {
  width: 565px;
  height: 275px;
}
#brand .topbox h3 {
  line-height: 40px;
}
#brand .topbox p {
  line-height: 36px;
}
#brand .topbox a {
  margin-top: 50px;
  display: inline-block;
  width: 322px;
  line-height: 60px;
  border: 1px solid #6b6b6b;
  letter-spacing: 10px;
}

#brand .bottombox > div div:first-child {
  width: 285px;
  height: 170px;
  background-size: contain;
  background-size: cover;
}
#brand .bottombox .bg1 {
  background: url(../imgs/nv.jpg) no-repeat -25px 0;
}
#brand .bottombox .bg2 {
  background: url(../imgs/eitie.jpg) no-repeat 0px 0;
}
#brand .bottombox .bg3 {
  background: url(../imgs/nan.jpg) no-repeat -25px 0;
}
#brand .bottombox .bg4 {
  background: url(../imgs/yf.jpg) no-repeat -15px 0;
}
#brand .bottombox button {
  width: 80px;
  height: 24px;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 12px;
  outline: none;
  cursor: pointer;
  margin: 136px 0 0 195px;
}
#brand .bottombox > div div:last-child {
  width: 285px;
  height: 80px;
  background: #fff;
}
#brand .bottombox h3 {
  line-height: 48px;
}
#brand .bottombox > div:not(:last-child) {
  margin-right: 20px;
}
#brand .bottombox > div {
  margin: 50px 0 74px 0;
}
